<!-- Line view for a character. -->
<li class="char-view" tabindex="0">
  <div class="char-rendering-container">
    <span class="char-rendering">&#{{char.code}};</span>
  </div>
  <div class="char-info-container">
    <div>
      <span class="char-name">{{char.name|escape}}</span>
      <span class="char-code">{{char.code|hex}}</span>
    </div>
    <div>
      <span class="char-category">
        {{char.category}} ({{char.category_code}}), 
      </span>
      <span class="char-block">
        {{char.block}}
      </span>
    </div>
    {% if char.bidi %}
    <div class="char-bidi">
      Bidirectional category: {{char.bidi}}
      ({{char.bidi_code}})
    </div>
    {% endif %}
    <div class="char-other">
      {% if char.unicode10 %}
      <div>
        Unicode 1.0 name: {{char.unicode10|escape}}
      </div>
      {% endif %}
      {% if char.html_entity %}
      <div>
        HTML entity: {{char.html_entity|escape}}
      </div>
      {% endif %}
    </div>
    <div class="char-selection-target">&#{{char.code}};</div>
  </div>
</li>
